<template>
	<view class="uni-flex uni-row pageHead">
        <view class="flex-item">
        	<image class="userimg" :src="userInfo.avatarUrl" />
        </view>
        <view class="flex-item username">
        	{{userInfo.nickName}}
        </view>
    </view>

	
	
</template>
<script>

// import http from '../../../common/http';
// import util from '../../../common/util';

import { mapGetters } from 'vuex'

export default {
	name : 'page-head',
	data() {
		return {

			
		}
	},
	computed : {
		...mapGetters([
			'userInfo',
      	]),
	},

	onLoad() {

		console.log('this.userInfo');
		console.log(this.userInfo);
	},
	
	methods: {

	},

}
</script>

<style scope>
.pageHead {
	height: 70upx;
}
.userimg {
	width: 50upx;
	height: 50upx;
	margin-top: 10upx;
	margin-left: 10upx;
}

.username {
	margin-top: 15upx;
	margin-left: 10upx;
}
</style>
